/* You can add global styles to this file, and also import other style files */

.item-wrapper {
  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)
    scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
  transform-origin: 0 0;
  touch-action: manipulation;

  &:hover {
    .item-remove {
      visibility: visible;
    }
  }
}

.item-remove {
  visibility: hidden;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-color: var(--gray-dark);

  .fas {
    color: var(--text-bg-mark);
  }
}

.item-action {
  touch-action: none;
  outline: none !important;
  appearance: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;

  @media (hover: hover) {
    &:hover {
      background-color: var(--bs-light);
    }
  }

  .fas {
    color: var(--text-bg-mark);
  }
}

.bg-light {
  .item-action {
    @media (hover: hover) {
      &:hover {
        background-color: var(--dark);
      }
    }
  }
}

.container {
  flex-direction: column;

  &.placeholder {
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
}


.container-header {
  &:hover {
    .container-actions > * {
      opacity: 1 !important;
    }
  }
}

.container-actions {
  > *:first-child:not(:last-child) {
    opacity: 0;

    &:focus-visible {
      opacity: 1;
    }
  }
}

.instance-input {
  background-color: var(--custom-select) !important;
  font-size: 10px;
}
.has-args {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.udapp_intro {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: pre-wrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.udapp_intro:hover {
  -webkit-line-clamp: inherit;
}
.cursor_pointer {
  cursor: pointer;
}
.cursor_pointer:hover {
  color: var(--bs-secondary);
}
.custom-dropdown-items {
  padding: 0.25rem 0.25rem;
  border-radius: .25rem;
  background: var(--custom-select);
}

.custom-dropdown-items a {
  border-radius: .25rem;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.875rem;
  padding: 0.25rem 0.25rem;
  width: auto;
  color: var(--text);
}
